<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品搜索</title>
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../phoneCss/commons.css" rel="stylesheet" />
		<link href="../phoneCss/index.css" rel="stylesheet" />
		<style>
			.mui-bar .mui-title{
				left: 40px;
				right: 54px;
			}
			.mui-pull-right{
				background: #fff;
				font-size: 15px;
				color: #373d43;
				width: auto;
				height: auto;
			}
			body, .mui-content{
				background: #fff;
			}
			.mui-bar-nav{
				box-shadow: 0 0 1px #cbcbcb;
			}
			.mui-title .index-input{
				line-height: 15px;
				padding: 12px 0 8px 32px;
				user-select:auto;
				-o-user-select:auto;
				-moz-user-select:auto;
				-webkit-user-select:auto;
			}
		</style>
	</head>
	<body>
	<header class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">
			<input class="index-input" type="text" placeholder="搜索您想要的商品" id="keyword">
		</h1>
		<a class="mui-pull-right" id="search-right">搜索</a>
	</header>
		<!--
        	作者：837081299@qq.com
        	时间：2017-01-16
        	描述：头部搜索框结束，热搜开始
        -->
        <div class="mui-content">
        	<div class="search-box">
        	<h2 class="resou">热门搜索</h2>
				<div class="connect-box">
					<!--<p><img src="../img/search-icon.png" alt="搜索结果">店铺1</p>-->
				</div>
			<div class="hotsearch-box mui-clearfix">
				<!--<div class="searchDiv">热搜</div>-->
				<!--<div class="hot-search-line"><span>热门搜索</span><span>热门搜索热门搜索</span><span>热搜热</span></div>-->
				<!--<div class="hot-search-line"><span>热搜索</span><span>热门搜索</span><span>热搜</span></div>-->
				<!--<div class="hot-search-line"><span>热搜</span><span>热搜</span><span>热搜</span></div>-->
			</div>
        	<div class="history_box">
        		<h2>最近搜索<img class="clear-history" src="../phoneImg/del_his.jpg"/></h2>
				<div class="historyBox">
					<!--<div class="history">王婆大虾</div>-->
				</div>
        	</div>
        </div>
        </div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/jquery-1.10.1.min.js"></script>
		<script>
			document.write("<s"+"cript type='text/javascript' src='../js/common.js?"+Math.random()+"'></scr"+"ipt>");
			document.write("<s"+"cript type='text/javascript' src='../phoneJs/search.js?"+Math.random()+"'></scr"+"ipt>");
		</script>
	</body>
</html>
